<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon1">标题</span>
  </div>
  <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1" [(ngModel)]="c.title">
</div>

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon2">链接地址</span>
  </div>
  <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon2" [(ngModel)]="c.url">
</div>

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="inputGroupFileAddon01">封面图片</span>
  </div>
  <div class="custom-file">
    <input type="file" class="custom-file-input"
           id="inputGroupFile01"
           aria-describedby="inputGroupFileAddon01"
           (change)="onFileChange($event)"
    >
    <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
  </div>
</div>

<div>

<img width="200px" height="200px" *ngIf="c.pic!=null" src="{{config.IMG_HOST}} {{c.pic}}"/>


</div>





<div>
  <button type="button" class="btn btn-primary" (click)="save()">保存</button>
  <button type="button" class="btn btn-warning" (click)="goBack('cancel')">取消</button>
</div>
